<template>
  <up-navbar left-icon="" bg-color="#f6f7f8" placeholder>
    <template #center>
      <view class="w-full flex items-center px-24rpx">
        <view class="logo mr-16rpx">
          <up-image width="66rpx" height="66rpx" :src="logo" shape="circle" />
        </view>
        <view class="search flex items-center px-20rpx" @tap="goSearchPage">
          <view class="mr-10rpx">
            <up-image width="34rpx" height="34rpx" :src="search" shape="circle" />
          </view>
          <view class="color-#707070">
            找学生/搜专业
          </view>
        </view>
      </view>
    </template>
  </up-navbar>
</template>

<script setup lang="ts">
// import logo from '@/static/images/logo.png';
// import search from '@/static/images/tab/home-03.png';
const logo = "https://yiliao.test03.qcw800.com/static/images/logo.png";
const search = "https://yiliao.test03.qcw800.com/static/images/tab/home-03.png";
const goSearchPage = () => {
  uni.navigateTo({
    url: '/pages/common/search/index',
  });
};
</script>

<style scoped lang="scss">
.search {
  width: 360rpx;
  height: 66rpx;
  background: #fff;
  border-radius: 34rpx;
}
</style>
